<template>
  <el-table  :data="props.values" style="width: 100%">
    <el-table-column label="序号" width="80">
      <template #default="scope">
        <div style="display: flex; align-items: center">
          <span style="margin-left: 10px">{{ scope.row.date }}</span>
        </div>
      </template>
    </el-table-column>
    <el-table-column label="G1">
      <template #default="scope">
        <el-input :disabled="disabled"  v-model="scope.row.data1" :style="inputStyle">{{ scope.row.data1 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="G2">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data2"  :style="inputStyle">{{ scope.row.data2 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="N1">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data3"  :style="inputStyle">{{ scope.row.data3 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="N2">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data4"  :style="inputStyle">{{ scope.row.data4 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="R">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data5"  :style="inputStyle">{{ scope.row.data5 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="SA">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data6"  :style="inputStyle">{{ scope.row.data6 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="SB">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data7"  :style="inputStyle">{{ scope.row.data7 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="SC">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data8"  :style="inputStyle">{{ scope.row.data8 }}</el-input>
      </template>
    </el-table-column>
    <el-table-column label="SD">
      <template #default="scope">
        <el-input :disabled="disabled" v-model="scope.row.data9"  :style="inputStyle">{{ scope.row.data9 }}</el-input>
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup >
import {defineEmits, defineProps, ref} from "vue";

// eslint-disable-next-line no-unused-vars
let emit = defineEmits(['values',"disabled"])
let props = defineProps({
  values: Array,
  disabled:Boolean,
})
const inputStyle= ref("width:auto")
// eslint-disable-next-line vue/no-setup-props-destructure


</script>

<style scoped>

</style>